﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>调试页面 - 任务管理系统</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
    <style>
        .debug-section {
            margin-bottom: 2rem;
            padding: 1rem;
            border: 1px solid #dee2e6;
            border-radius: 0.375rem;
        }
        .debug-title {
            color: #0d6efd;
            border-bottom: 2px solid #0d6efd;
            padding-bottom: 0.5rem;
            margin-bottom: 1rem;
        }
        .json-data {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 0.375rem;
            padding: 1rem;
            font-family: 'Courier New', monospace;
            font-size: 0.875rem;
            white-space: pre-wrap;
            max-height: 400px;
            overflow-y: auto;
        }
        .api-test {
            background-color: #e7f3ff;
            border-left: 4px solid #0d6efd;
            padding: 1rem;
            margin: 1rem 0;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <div class="container">
            <a class="navbar-brand" href="/">
                <i class="bi bi-bug"></i> 调试页面
            </a>
            <div class="navbar-nav ms-auto">
                <a class="nav-link" href="/">返回首页</a>
            </div>
        </div>
    </nav>

    <!-- 主要内容区域 -->
    <main class="container mt-4">
        <div class="row">
            <div class="col-12">
                <h1 class="mb-4">
                    <i class="bi bi-bug-fill text-primary"></i> 
                    后端数据调试页面
                </h1>
                <p class="lead text-muted">
                    此页面用于调试和测试后端接口，直接显示数据库中的真实数据，无需JavaScript加载。
                </p>
            </div>
        </div>

        <!-- 系统统计 -->
        <div class="debug-section">
            <h2 class="debug-title">
                <i class="bi bi-graph-up"></i> 系统统计
            </h2>
            <div class="row">
                <div class="col-md-3">
                    <div class="card bg-primary text-white">
                        <div class="card-body text-center">
                            <h3>12</h3>
                            <p class="mb-0">总任务数</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-success text-white">
                        <div class="card-body text-center">
                            <h3>6</h3>
                            <p class="mb-0">总需求数</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-warning text-white">
                        <div class="card-body text-center">
                            <h3>3</h3>
                            <p class="mb-0">总项目数</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="card bg-info text-white">
                        <div class="card-body text-center">
                            <h3>8</h3>
                            <p class="mb-0">总开发者数</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 开发者数据 -->
        <div class="debug-section">
            <h2 class="debug-title">
                <i class="bi bi-people"></i> 开发者数据
            </h2>
            <div class="api-test">
                <strong>API接口:</strong> GET /api/developers
            </div>
            <div>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>姓名</th>
                                <th>角色</th>
                                <th>状态</th>
                                <th>创建时间</th>
                                <th>更新时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>D20240001</td>
                                <td>张三</td>
                                <td>PROJECT_MANAGER</td>
                                <td>ACTIVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240002</td>
                                <td>李四</td>
                                <td>TECH_LEAD</td>
                                <td>ACTIVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240003</td>
                                <td>王五</td>
                                <td>SENIOR_DEVELOPER</td>
                                <td>ACTIVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240004</td>
                                <td>赵六</td>
                                <td>DEVELOPER</td>
                                <td>ACTIVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240005</td>
                                <td>钱七</td>
                                <td>DEVELOPER</td>
                                <td>BUSY</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240006</td>
                                <td>孙八</td>
                                <td>JUNIOR_DEVELOPER</td>
                                <td>ACTIVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240007</td>
                                <td>周九</td>
                                <td>ARCHITECT</td>
                                <td>ACTIVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>D20240008</td>
                                <td>吴十</td>
                                <td>DEVELOPER</td>
                                <td>ON_LEAVE</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            
        </div>

        <!-- 项目数据 -->
        <div class="debug-section">
            <h2 class="debug-title">
                <i class="bi bi-folder"></i> 项目数据
            </h2>
            <div class="api-test">
                <strong>API接口:</strong> GET /api/projects
            </div>
            <div>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>项目名称</th>
                                <th>描述</th>
                                <th>状态</th>
                                <th>经理ID</th>
                                <th>创建时间</th>
                                <th>更新时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>任务管理系统</td>
                                <td>基于Spring Boot的企业级任务管理系统</td>
                                <td>ACTIVE</td>
                                <td>D20240001</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>用户权限系统</td>
                                <td>统一的用户权限管理平台</td>
                                <td>PLANNING</td>
                                <td>D20240002</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>数据分析平台</td>
                                <td>企业数据分析和报表系统</td>
                                <td>SUSPENDED</td>
                                <td>D20240007</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            
        </div>

        <!-- 需求数据 -->
        <div class="debug-section">
            <h2 class="debug-title">
                <i class="bi bi-file-text"></i> 需求数据
            </h2>
            <div class="api-test">
                <strong>API接口:</strong> GET /api/requirements
            </div>
            <div>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>标题</th>
                                <th>描述</th>
                                <th>状态</th>
                                <th>优先级</th>
                                <th>项目ID</th>
                                <th>负责人ID</th>
                                <th>创建时间</th>
                                <th>更新时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1</td>
                                <td>用户任务管理</td>
                                <td>实现用户创建、分配、跟踪任务的核心功能</td>
                                <td>ACTIVE</td>
                                <td>HIGH</td>
                                <td>1</td>
                                <td>D20240002</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>项目进度监控</td>
                                <td>提供项目整体进度的可视化监控</td>
                                <td>ACTIVE</td>
                                <td>MEDIUM</td>
                                <td>1</td>
                                <td>D20240003</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>团队协作功能</td>
                                <td>支持团队成员之间的协作和沟通</td>
                                <td>DRAFT</td>
                                <td>LOW</td>
                                <td>1</td>
                                <td>D20240004</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>用户认证授权</td>
                                <td>实现用户登录、注册和权限控制</td>
                                <td>ACTIVE</td>
                                <td>CRITICAL</td>
                                <td>2</td>
                                <td>D20240002</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>角色权限管理</td>
                                <td>支持灵活的角色和权限配置</td>
                                <td>DRAFT</td>
                                <td>HIGH</td>
                                <td>2</td>
                                <td>D20240003</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>数据可视化</td>
                                <td>提供丰富的图表和报表功能</td>
                                <td>CANCELLED</td>
                                <td>MEDIUM</td>
                                <td>3</td>
                                <td>D20240007</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            
        </div>

        <!-- 任务数据 -->
        <div class="debug-section">
            <h2 class="debug-title">
                <i class="bi bi-list-task"></i> 任务数据
            </h2>
            <div class="api-test">
                <strong>API接口:</strong> GET /api/tasks
            </div>
            <div>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>标题</th>
                                <th>描述</th>
                                <th>状态</th>
                                <th>优先级</th>
                                <th>级别</th>
                                <th>进度</th>
                                <th>预估工时</th>
                                <th>实际工时</th>
                                <th>需求ID</th>
                                <th>负责人ID</th>
                                <th>父任务ID</th>
                                <th>创建时间</th>
                                <th>更新时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>8</td>
                                <td>用户认证模块</td>
                                <td>实现JWT token的用户认证</td>
                                <td>COMPLETED</td>
                                <td>URGENT</td>
                                <td>LEVEL_1</td>
                                <td>100%</td>
                                <td>32.0h</td>
                                <td>28.0h</td>
                                <td>4</td>
                                <td>D20240002</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>9</td>
                                <td>权限控制拦截器</td>
                                <td>开发基于注解的权限控制</td>
                                <td>IN_PROGRESS</td>
                                <td>URGENT</td>
                                <td>LEVEL_1</td>
                                <td>40%</td>
                                <td>24.0h</td>
                                <td>10.0h</td>
                                <td>4</td>
                                <td>D20240002</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>项目进度计算算法</td>
                                <td>设计和实现项目进度的计算逻辑</td>
                                <td>IN_PROGRESS</td>
                                <td>MEDIUM</td>
                                <td>LEVEL_1</td>
                                <td>60%</td>
                                <td>20.0h</td>
                                <td>12.0h</td>
                                <td>2</td>
                                <td>D20240003</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>12</td>
                                <td>权限配置界面</td>
                                <td>开发权限配置的管理界面</td>
                                <td>TODO</td>
                                <td>MEDIUM</td>
                                <td>LEVEL_1</td>
                                <td>0%</td>
                                <td>24.0h</td>
                                <td>0.0h</td>
                                <td>5</td>
                                <td>N/A</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>进度可视化组件</td>
                                <td>开发项目进度的图表展示组件</td>
                                <td>TODO</td>
                                <td>LOW</td>
                                <td>LEVEL_1</td>
                                <td>0%</td>
                                <td>16.0h</td>
                                <td>0.0h</td>
                                <td>2</td>
                                <td>D20240006</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td>设计任务数据模型</td>
                                <td>设计任务相关的数据库表结构和实体类</td>
                                <td>COMPLETED</td>
                                <td>HIGH</td>
                                <td>LEVEL_1</td>
                                <td>100%</td>
                                <td>16.0h</td>
                                <td>14.5h</td>
                                <td>1</td>
                                <td>D20240003</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>实现任务CRUD接口</td>
                                <td>开发任务的增删改查REST API</td>
                                <td>IN_PROGRESS</td>
                                <td>HIGH</td>
                                <td>LEVEL_1</td>
                                <td>75%</td>
                                <td>24.0h</td>
                                <td>18.0h</td>
                                <td>1</td>
                                <td>D20240004</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>11</td>
                                <td>角色管理接口</td>
                                <td>实现角色的CRUD操作接口</td>
                                <td>TODO</td>
                                <td>HIGH</td>
                                <td>LEVEL_1</td>
                                <td>0%</td>
                                <td>20.0h</td>
                                <td>0.0h</td>
                                <td>5</td>
                                <td>N/A</td>
                                <td>N/A</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>任务状态流转逻辑</td>
                                <td>实现任务状态的业务流转规则</td>
                                <td>TODO</td>
                                <td>MEDIUM</td>
                                <td>LEVEL_2</td>
                                <td>0%</td>
                                <td>8.0h</td>
                                <td>0.0h</td>
                                <td>1</td>
                                <td>D20240004</td>
                                <td>2</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>任务分配功能</td>
                                <td>实现任务分配给开发者的功能</td>
                                <td>TODO</td>
                                <td>MEDIUM</td>
                                <td>LEVEL_2</td>
                                <td>0%</td>
                                <td>6.0h</td>
                                <td>0.0h</td>
                                <td>1</td>
                                <td>N/A</td>
                                <td>2</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>10</td>
                                <td>用户登录界面</td>
                                <td>开发用户登录的前端页面</td>
                                <td>PAUSED</td>
                                <td>MEDIUM</td>
                                <td>LEVEL_2</td>
                                <td>30%</td>
                                <td>16.0h</td>
                                <td>5.0h</td>
                                <td>4</td>
                                <td>D20240006</td>
                                <td>9</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                            <tr>
                                <td>7</td>
                                <td>实时进度更新</td>
                                <td>实现进度数据的实时更新机制</td>
                                <td>TODO</td>
                                <td>HIGH</td>
                                <td>LEVEL_2</td>
                                <td>0%</td>
                                <td>12.0h</td>
                                <td>0.0h</td>
                                <td>2</td>
                                <td>N/A</td>
                                <td>5</td>
                                <td>2025-09-07 01:58</td>
                                <td>2025-09-07 01:58</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            
        </div>

        <!-- API测试链接 -->
        <div class="debug-section">
            <h2 class="debug-title">
                <i class="bi bi-link-45deg"></i> API测试链接
            </h2>
            <div class="row">
                <div class="col-md-6">
                    <div class="list-group">
                        <a href="/api/developers" class="list-group-item list-group-item-action" target="_blank">
                            <i class="bi bi-people"></i> GET /api/developers
                        </a>
                        <a href="/api/projects" class="list-group-item list-group-item-action" target="_blank">
                            <i class="bi bi-folder"></i> GET /api/projects
                        </a>
                        <a href="/api/requirements" class="list-group-item list-group-item-action" target="_blank">
                            <i class="bi bi-file-text"></i> GET /api/requirements
                        </a>
                        <a href="/api/tasks" class="list-group-item list-group-item-action" target="_blank">
                            <i class="bi bi-list-task"></i> GET /api/tasks
                        </a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="alert alert-info">
                        <h5><i class="bi bi-info-circle"></i> 使用说明</h5>
                        <ul class="mb-0">
                            <li>点击左侧链接可以直接访问API接口</li>
                            <li>返回的是JSON格式的原始数据</li>
                            <li>可以用于验证后端接口是否正常工作</li>
                            <li>如果接口返回错误，请检查后端服务状态</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-light mt-5 py-4">
        <div class="container text-center">
            <p class="text-muted mb-0">
                &copy; 2024 任务管理系统调试页面 | 用于开发和测试
            </p>
        </div>
    </footer>

    <!-- JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
